*{padding:0;margin:0;}
body,html{font-family:"Microsoft YaHei",SimHei,"΢���ź�";}
.bg1{background:url(/sh/js/game/stickhero/img/1.jpg) no-repeat;}
.bg2{background:url(/sh/js/game/stickhero/img/2.jpg) no-repeat;}
.bg3{background:url(/sh/js/game/stickhero/img/3.jpg) no-repeat;}
.bg4{background:url(/sh/js/game/stickhero/img/4.jpg) no-repeat;}
.bg5{background:url(/sh/js/game/stickhero/img/5.jpg) no-repeat;}
.bg6{background:url(/sh/js/game/stickhero/img/6.jpg) no-repeat;}
.bg7{background:url(/sh/js/game/stickhero/img/7.jpg) no-repeat;}
.bg8{background:url(/sh/js/game/stickhero/img/8.jpg) no-repeat;}
.bg9{background:url(/sh/js/game/stickhero/img/9.jpg) no-repeat;}
.bg10{background:url(/sh/js/game/stickhero/img/10.jpg) no-repeat;}
.bg11{background:url(/sh/js/game/stickhero/img/11.jpg) no-repeat;}
.bg12{background:url(/sh/js/game/stickhero/img/12.jpg) no-repeat;}
.bg13{background:url(/sh/js/game/stickhero/img/13.jpg) no-repeat;}
.bg14{background:url(/sh/js/game/stickhero/img/14.jpg) no-repeat;}
.bg15{background:url(/sh/js/game/stickhero/img/15.jpg) no-repeat;}
.bg16{background:url(/sh/js/game/stickhero/img/16.jpg) no-repeat;}
.bg17{background:url(/sh/js/game/stickhero/img/17.jpg) no-repeat;}
.bg18{background:url(/sh/js/game/stickhero/img/18.jpg) no-repeat;}
.bg19{background:url(/sh/js/game/stickhero/img/19.jpg) no-repeat;}
.bg20{background:url(/sh/js/game/stickhero/img/20.jpg) no-repeat;}

/**��ҳ��ʽ**/
.title{
	font-size:32px;
	text-align:center;
	color:#000;
	margin:50px 0 100px;
	letter-spacing:5px;

}
.main{
	width:500px;
	margin:0 auto;
}
.main a,.gameDialog .close{
	display:block;
	width:150px;
	height:40px;
	line-height:40px;
	text-align:center;
	border:2px #75db31 solid;
	text-decoration:none;
	font-size:18px;
	color:#000;
	margin-top:50px;
	border-radius:8px;
	box-shadow:0 0 0 2px #fff inset;
	background:linear-gradient(180deg,#eef8e8,#67c330);
}
.main a:hover{
	border-color:#afeb85;
	background:linear-gradient(180deg,#fff,#afeb85);
}
/**��Ϸ˵������**/
.gameDialog{
	position:absolute;
	padding:20px;
	width:480px;
	height:500px;
	line-height:1.6;
	font-size:16px;
	color:#000;
	background:#fff;
	z-index:9;
	left:50%;
	top:50%;
	margin:-270px 0 0 -240px;
}
.gameDialog .info{
	height:400px;
	overflow:auto;
}
.gameDialog .close{
	margin-left:150px;
	border-color:#3d92b6;
	background:linear-gradient(180deg,#ecf6f9,#59acd0);
}
.gameDialog .close:hover{
	border-color:#6fb4d0;
	background:linear-gradient(180deg,#fff,#97cbe1);
}
.shadow{
	position:absolute;
	background:#000;
	left:0;
	top:0;
	filter:alpha(opacity="50");
	-moz-opacity:0.5;
	opacity:0.5;
	z-index:8;
}
/**��Ϸ����**/
.set-text{
	position:relative;
	text-align:center;
	margin-top:20px;
}
.play-title{
	display:inline-block;
	padding:6px 40px;
	border-radius:8px;
	font-size:20px;
	margin-left:25px;
	border:1px #666 solid;
	background:rgba(255,255,255,0.8);
}
.set-text a{
	position:absolute;
	top:2px;
	right:30%;
	display:block;
	width:100px;
	height:36px;
	line-height:36px;
	font-size:16px;
	color:#000;
	border:1px #ee7700 solid;
	text-decoration:none;
	border-radius:18px;
	box-shadow:0 0 0 3px #feb367;
	background:linear-gradient(to bottom right,#fff,#feb367);
}
.btnClick{
	display:block;
	width:100px;
	height:105px;
	background:url(/sh/js/game/stickhero/img/btn-bg.png) no-repeat;
	margin-left:60%;
	margin-top:68px;
}
.btnDown{
	background:url(/sh/js/game/stickhero/img/btn-bg-click.png) no-repeat;
}
.container{
	position:fixed;
	bottom:0;
	left:0;
	height:35%;
	width:100%;
}
.stick{
	position:absolute;
	left:100px;
	bottom:100%;
	height:5px;
	width:0;
	background:black;
	transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);  /*IE9*/
	-moz-transform:rotate(-90deg);  /*Firefox*/
	-webkit-transform:rotate(-90deg);  /*Ssfari  and Chrome*/
	-o-transform:rotate(-0deg);  /*Opera*/

	transform-origin:0 100%;
	-ms-transform-origin:0 100%;
	-moz-transform-origin:0 100%;
	-webkit-transform-origin:0 100%;
	-o-transform-origin:0 100%;

	transition:transform 0.35s linear;
	-moz-transition:transform 0.35s linear;
	-webkit-transition:transform 0.35s linear;
	-o-transition:transform 0.35s linear;
}
.stickDown{
	transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-o-transform:rotate(0deg);

}
.man{
	position:absolute;
	left:50px;
	bottom:98%;
	width:65px;
	height:97px;
}
.man img{
	position:absolute;
	left:0;
	top:0;
	transition:transform 0.35s linear;
	-moz-transition:transform 0.35s linear;
	-webkit-transition:transform 0.35s linear;
	-o-transition:transform 0.35s linear;
}
.man img.rotate{
	transform:translate(0px,300px);
	-ms-transform:translate(0px,300px);
	-moz-transform:translate(0px,300px);
	-webkit-transform:translate(0px,300px);
	-o-transform:translate(0px,300px);

	transform-origin:100% 100%;
	-ms-transform-origin:100% 100%;
	-moz-transform-origin:100% 100%;
	-webkit-transform-origin:100% 100%;
	-o-transform-origin:100% 100%;

}
.well-box{
	position:absolute;
	height:100%;
}
.well{
	position:absolute;
	height:100%;
	background: #300;
}
/**���õ�����ʽ**/
.dialog{
	position:fixed;
	width:480px;
	left:50%;
	margin-left:-240px;
	top:250px;
	padding-bottom:25px;
	background:#3d3d3d;
	z-index:100;
	box-shadow:3px 3px 2px rgba(0,0,0,.5);
}
.dialog p{
	padding:0 20px;
	color:#fff;
	font-size:24px;
	margin-top:15px;
	line-height:1.8;
}
.dialog p.dialog-btn{
	text-align:center;
	font-size:16px;
	margin-top:60px;
}
.dialog-btn a{
	display:inline-block;
	width:130px;
	height:35px;
	line-height:35px;
	color:#000;
	background:#cccdcd;
	border-radius:10px;
	text-decoration:none;
}
.dialog-btn a.play-agin{
	margin-right:20px;
}
